* { padding:0; margin:0; outline:0; }
body {
	background:#000;
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#252525;
}
a:hover { text-decoration: none; }
h2 { font-size:34px; line-height:34px; text-transform: uppercase; color:#fff; }
h2 span{ color: #900; }
h3 { font-size:22px; line-height:24px; }
body { min-width:1030px;}
#cabez { height:90px; background:url(images/header.gif);  }
#cont { width:100%; background: #CCC; padding:50px 0;}
#pie { height:92px; background:url(images/footer.gif); color:#6d6d6d; }
:invalid { border-color: #e88;}
:required {
  border-color: #666;
  -webkit-box-shadow: 0 0 5px #666;
  -moz-box-shadow: 0 0 5px #666;
  -o-box-shadow: 0 0 5px #666;
  -ms-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}
form { width:300px; margin: 20px auto;}
input,select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border:1px solid #ccc;
  font-size:20px;
  width:300px;
  min-height:30px;
  display:block;
  margin-bottom:15px;
  margin-top:5px;
  outline: none;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}

textarea{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border:1px solid #ccc;
  font-size:20px;
  width:300px;
  min-height:30px;
  display:block;
  margin-bottom:15px;
  margin-top:5px;
  outline: none;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}


#titulo{
	text-align:center;
	font-size:25px;
}
#pie .shell{ padding-top:28px;}
#pie .right { white-space:nowrap; font-size:14px; text-align: right;}
#pie .right span{ padding:0 1px;}
#pie .right a{ text-decoration: none; color:#939393;}
#pie .right a:hover{ color: white;}
.open{
	background:white;
	text-align:center;
	webkit-border-radius:5px;
  	-moz-border-radius:5px;
  	-o-border-radius:5px;
  	-ms-border-radius:5px;
  	border-radius:5px;
	border-color: #666;
    -webkit-box-shadow: 0 0 5px #666;
    -moz-box-shadow: 0 0 5px #666;
    -o-box-shadow: 0 0 5px #666;
    -ms-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
  cursor:pointer;
}

.menu_id_label{
	background:white;
	text-align:center;
	webkit-border-radius:5px;
  	-moz-border-radius:5px;
  	-o-border-radius:5px;
  	-ms-border-radius:5px;
  	border-radius:5px;
	border-color: #666;
	cursor: default;
}
/*opo-up del manu admin*/
#create_room, #arming_room,#recording_instrument {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}

.content-popup {
    margin:0px auto;
    margin-top:50px;
    padding:10px;
    width:500px;
    min-height:250px;
    border-radius:4px;
    background-color:#FFFFFF;
    box-shadow: 0 2px 5px #666666;
}

.close {
    position:relative;
    left:480px;
}
/*fin del popup menu admin*/


/*estilo de botones*/

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 20px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
    width:300px;
    min-height:30px;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}